<div class="right">
		<font style="position:absolute;top:-33px;width:400px;left:-90px;font-size:25px; color:#010101;">产品咨询 <font style="color:#D7D4CF">PRODUCT</font></font>
        <input type="hidden" name="htt" value="<?php echo PROIMG; ?>">
        <div id="maimiao">
            <input name="proid" type="hidden" value="<?php echo $pro['id']; ?>">
			<img id="leftimg" style="z-index:10; cursor:pointer;"src="<?php echo PUBLIC_URL ?>images/ao/greenleft.png" />
			<img id="rightimg" style="cursor:pointer" src="<?php echo PUBLIC_URL ?>images/ao/greenright.png" />
			<img  style="margin-left:10px;" width="30%" height="60%" id="rightimg-pro" src="<?php echo PROIMG.$pro['proimg']; ?>">
			<ul  name="ajaxproo" style="width:55%;position:relative;left:5%;">
				<li><?php echo $pro['proname']; ?></li>
				<li style="color:#AAC619"><?php echo $pro['prodesc']; ?></li>
				<li style="color:#AAC619">了解更多>></li>
			</ul>
        </div>
            
            <div id="aside-tow">
                <font  onclick="nounredirect()" style="cursor:pointer;background:#FFFFFF;position:absolute;top:210px;width:200px;left:-1px;font-size:25px; color:#010101;">专业名词 <font color="#D7D4CF">NOUN</font></font><!-- 专业名词-->
            </div>
            
            <div id="table-name">
                <table cellspacing=5 style="table-layout : fixed;inline-block;white-space:nowrap; word-break:break-all;overflow:hidden;">
                    <?php

                        if($nou!=null){
                            $i=0;
                            while($i<25){
                                if($i % 5 == 0) echo '<tr>';
                                    echo '<td id="'.$nou[$i]['ID'].'" style="width:50px;cursor:pointer; font-size:12px;color:#FFFFFF;" onclick="noun(this.id)">'.$nou[$i]['post_title'].'</td>';
                                      $i++;
                                if($i % 5 == 0){
                                    echo '</tr>';
                                 }
                            }
                            }

                    ?>
                </table>
            </div>      <!-- 专业名词end-->
            
            <!--微薄区域 -->
<div id="china">
                <div id="weibo" style="width:94%;">
                
               <iframe width="98%" height="550" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=1&ptype=1&speed=0&skin=1&isTitle=0&noborder=1&isWeibo=1&isFans=0&uid=2772765837&verifier=23870844&dpc=1"></iframe>
            </div>
            <!--微薄区域 -->
           
    
    <!--社区论点 -->
        <div id="commu" style="margin-top:-240px;">
            <font style="background:#FFFFFF;position:absolute;top:570px;width:300px;left:6px;font-size:25px; color:#010101;">社区论点 <font color="#D7D4CF">COMMENTS</font></font>
            <ul id="ull" style="margin-top:840px;margin-left:1px; width:100%;">
                <?php for($i=0; $i<3; $i++){ ?>
                <li>
                    <img style="float:left;margin-left:10px;" width="50px" height="50" src="<?php echo PUBLIC_URL ?>images/1.jpg">
                    <p style="position:absolute;top:5px;left:70px;border-radius:10px;display:inline-block;background:#F5F4F3;height:55px;width:60%; overflow:hidden;margin-top:0;margin-left:2%;padding:10px;">
                    ppppppppppppp
                    pppppppppppppp
                    </p>
                    <img style="position:absolute;margin-left:69px;margin-top:15px;" src="<?php echo PUBLIC_URL ?>images/ao/xiaotu.bmp">
                </li>
                <?php } ?>
            
            </ul>
        </div>
    <!--社区论点 -->
    
</div>
<script>
    function noun( objid)
    {
        window.location.href="<?php echo DOCUMENT.'welcome/noun?nounid='; ?>"+objid;
    }
    
    function nounredirect()
    {
        window.location.href="<?php echo DOCUMENT.'welcome/noun' ?>";
    }
    
    $(function(){
        $('#leftimg').live('click', function(){
            var ID = $(this).parent().find('input[name=proid]').val();
            $.ajax({
                url:'<?php echo DOCUMENT."welcome/ajaxproone" ?>',
                data:'proid='+ID,
                type:'get',
                success:function(data){
                var htt = $('input[name=htt]').val();
                        if(data['id'] != undefined){
                            $('#maimiao').empty();
                            var proajx = $('<input name="proid" type="hidden" value="'+data["id"]+'"><img id="leftimg" style="z-index:10; cursor:pointer;"src="<?php echo PUBLIC_URL ?>images/ao/greenleft.png" /><img id="rightimg" src="<?php echo PUBLIC_URL ?>images/ao/greenright.png" /><img  style="margin-left:10px;" width="30%" height="60%" id="rightimg-pro" src="'+htt+data['proimg']+'"><ul  name="ajaxproo" style="width:55%;position:relative;left:5%;"><li>'+data["proname"]+'</li><li style="color:#AAC619">'+data["prodesc"]+'</li><li style="color:#AAC619">了解更多多>></li><li>ppp'+data['id']+'</li></ul>');
                         var app=$('#maimiao');
                         app.append(proajx);
                        }else{
                            $('#leftimg').css('display', 'none');
                        }
                },
                error:function(){
                    alert('error');
                },
                dataType:'json'
            });
        });
        
        /***************右边************************/
        $('#rightimg').live('click', function(){
            var ID = $(this).parent().find('input[name=proid]').val();
            $.ajax({
                url:'<?php echo DOCUMENT."welcome/ajaxproone" ?>',
                data:'proid='+ID+'&type=you',
                type:'get',
                success:function(data){
                var htt = $('input[name=htt]').val();
                        if(data['id'] != undefined){
                            $('#maimiao').empty();
                            var proajx = $('<input name="proid" type="hidden" value="'+data["id"]+'"><img id="leftimg" style="z-index:10; cursor:pointer;"src="<?php echo PUBLIC_URL ?>images/ao/greenleft.png" /><img id="rightimg" src="<?php echo PUBLIC_URL ?>images/ao/greenright.png" /><img  style="margin-left:10px;" width="30%" height="60%" id="rightimg-pro" src="'+htt+data['proimg']+'"><ul  name="ajaxproo" style="width:55%;position:relative;left:5%;"><li>'+data["proname"]+'</li><li style="color:#AAC619">'+data["prodesc"]+'</li><li style="color:#AAC619">了解更多多>></li></ul>');
                         var app=$('#maimiao');
                         app.append(proajx);
                        }else{
                            $('#rightimg').css('display', 'none');
                        }
                },
                error:function(){
                    alert('error');
                },
                dataType:'json'
            });
        });
        /***************右边************************/
    })
</script>